<template>
  <!-- flex布局版表格组件 -->
  <div class="view-table mb20">
    <div class="table-title">
      {{info.title}}:
    </div>
    <div class="table-wrap">
      <ul class="flex-row">
        <li class="th" v-for="(item, idx) in info.head"
        :key="idx" :class="'flex-'+distributed[idx]">{{item}}</li>
      </ul>
      <!-- 单行 -->
      <ul class="flex-row" v-if="">
        <li class="td" v-for="(item, idx) in body" :class="'flex-'+distributed[idx]"></li>
      </ul> 
      <!-- 多行数组 -->
      <ul class="flex-row" v-for="(item, idx) in body" v-if="body[0]">
        <li class="td" v-for=""></li>
      </ul>
    </div>
  </div>
</template>

<script>

  export default {

  }
</script>

<style lang="scss" scoped>

</style>
